
      .fake {
        background-color: rgb(236, 236, 236);
      }
      .phonehead {
        background-color: rgb(236, 236, 236);
        height: 80px;
        width: 100%;
        font-size: 13px;
        font-weight: 800;
        overflow: auto;
        padding: 0px 0;
        text-align: center;
      }
      .phonehead input{

        width:90%;
        height: 49%;
      }
      .phponehead span{

        font-size:30px;
      }

      .phonehead #clos{

        width:100%;
        height:50%;
        background: rgb(84,146,225);
        text-align: left;
      }
      .line1 {
        
        font-size:10px;
        width: 33%;
        float: left;


      }
      .chathead {
        background-color: rgb(236, 236, 236);
        height: 8%;
        width: 100%;
        font-size: 18px;
        /*font-weight: 800;*/
        overflow: auto;
        padding: 3px 0 3px 0;
      }
      .chat {
        background-color: rgb(236, 236, 236);
        height: 577px;
        border-top: 1px solid rgb(214, 214, 214);
        border-bottom: 1px solid rgb(214, 214, 214);
        padding: 5px 0 0 0;
      }
      .avatar1 {
        padding: 0 10px;
        float: left;
      }
      .avatar1 img {
        height: 45px;
        border-radius: 4px;
      }
      .avatar2 {
        padding: 0 10px;
        float: left;
      }
      .avatar2 img {
        height: 45px;
        border-radius: 4px;
      }
      .dialog1 {
        /* 左边儿的对话框 */
        margin: 5px 3px;
        float: left;
        clear: both;
      }
      .dialog2 {
        /* 右边儿的对话框 */
        margin: 5px 3px;
        float: right;
        clear: both;
      }
      .word1 {
        /* ref: https://blog.csdn.net/weixin_30379911/article/details/99922923 */
        left: 3px;
        min-width: 20px;
        max-width: 240px;
        background: white;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        font-size: 18px;
        color: black;
        word-break: break-word;
        position: relative;
        padding: 10px 14px;
        float: left;

      }
      
     
      .word1::before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        left: -12px;
        top: 15px;
        border: 6px solid;
        border-color: transparent white transparent transparent;
      }
      .word2 {
        right: 3px;
        min-width: 20px;
        max-width: 240px;
        background: rgb(150 237 107);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        font-size: 18px;
        color: black;
        word-break: break-word;
        position: relative;
        padding: 10px 14px;
        float: left;
      }
      .word2::before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        right: -12px;
        top: 12px;
        border: 6px solid;
        border-color: transparent transparent transparent rgb(150 237 107);
      }
      .reply {
        height: 58px;
        background-color: rgb(245 245 245);
      }
      .chatfort{
        height: 60px;
      }
      .myend{

        font-size: 5px;
        color:black;
        text-align: center;
      }
      .audio_AI{

        width:20px;height: 20px;
      }
}
